{% extends 'home.html' %}
{% block content-title %}
    <title>读者菜单</title>
{% endblock %}
{% block content_main %}
    <style>
        .icon_func {
            font-size: 35px;
        }
    </style>
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title">读者菜单</h3>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-10">
                    <div class="col-md-4 col-sm-3">
                        <div class="thumbnail">
                            <span class="glyphicon glyphicon-pencil icon_func"></span>
                            <div class="caption">
                                <h3>注册功能</h3>
                                <p>欢迎广大读者注册</p>
                                <p><i>共同遨游在书籍的海洋</i></p>
                                <p><a href="{% url 'reader:register' %}"
                                      class="btn btn-info" role="button">开始注册</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-3">
                        <div class="thumbnail">
                            <span class="glyphicon glyphicon-cloud icon_func"></span>
                            <div class="caption">
                                <h3>查看书籍</h3>
                                <p>查看所有书籍</p>
                                <p><i>与我一起探秘黄金屋</i></p>
                                <p><a href="{% url 'reader:book' %}"
                                      class="btn btn-info" role="button">查看书籍</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-3">
                        <div class="thumbnail">
                            <span class="glyphicon glyphicon-envelope icon_func"></span>
                            <div class="caption">
                                <h3>成为作者</h3>
                                <p>希望你我能够成为分享者</p>
                                <p><i>向世界倾诉我们的思想</i></p>
                                <p><a href="{% url 'author:register' %}"
                                      class="btn btn-info" role="button">成为作者</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-2 col-sm-2">
                    <div class="caption">
                        <a href="{% url 'home' %}" class="glyphicon glyphicon-home icon_func btn btn-success"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}